<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>使用Ajax()方法获取数据</title>
</head>
<body>
    <div id="container"></div>
</body>
<script src="../js/jquery.js"></script>
<script>
    $(document).ready(function(){
        // 发起一个异步请求获取数据
        $.ajax({
            // 异步请求网址  访问该网址服务器会返回数据信息
            url:"https://3g.163.com/touch/reconstruct/article/list/BA10TA81wangning/10-2.html",
            // 请求方法为GET
            type:"GET",
            // 当拿到数据执行成功回调函数
            success:function(response){
                // 上面API接口返回的数据不是标准的json数据格式 需要用js去掉外边包裹的 ArrayList() 留下中间的json格式字符串
                let end = response.length-10;
                let jsonDate = response.substr(9,end);// response.length计算字符串的长度
                // jsonData中数据还是字符串
                let objectData = JSON.parse(jsonDate);// 使用JSON对象的parse方法 把json字符串转化成能够操作的数据
                console.log(objsonDate);
            }
        })
    })
</script>
</html>